<template>
  <div class="review_box">
    <div class="review_header">点评活动</div>
      <div class="review_content">
        <p style="margin: .266667rem 0">发布游戏点评，优质有奖。每日最高可获得<span style="color: #ff5543;">500积分</span>奖励（价值5.0元）~！</p>
        <h3>活动规则：</h3>
        <p>①围绕游戏的画面/玩法/操作/氪金等方面发表你对游戏的真实看法和体验！</p>
        <p>②点评审核通过，精选优质点评，随机奖励5-100积分。</p>
      </div>
      <div class="review_btn" @click="reviewClick">我知道了</div>
  </div>
</template>

<script>
export default {
  methods: {
    reviewClick() {
      this.$emit('review-click')
    }
  },
}
</script>

<style lang="less" scoped>
.review_box {
  width: 7.333333rem;
  padding: .266667rem .426667rem;
  font-size: .373333rem;
}

.review_header {
  text-align: center;
  font-size: .48rem;
  font-weight: bold;
  line-height: .666667rem;
}

.review_content p {
  line-height: .533333rem;
  margin: .133333rem 0;
  color: #222222;
}

.review_content h3 {
  margin: 0;
}

.review_btn {
  width: 4.666667rem;
  height: .88rem;
  border-radius: .44rem;
  background: #ff5543;
  text-align: center;
  line-height: .88rem;
  color: #fff;
  margin: .4rem auto 0;
}
</style>